// components/commodity_item/commodity_item.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {
        item:{ // 商品信息
            type:Object,
            value:{},
        },
        isTap:{ // 是否可以点击
            type:Boolean,
            value:true,
        }
    },

    /**
     * 组件的初始数据
     */
    data: {
        items:null,
        isTaps:null
    },

    /**
     * 组件的方法列表
     */
    observers:{
        'items':function(val){
            console.log(val)
            this.setData({items:val});
        },
        'isTap':function(val){
            this.setData({isTaps:val}); 
        }
    },
    /**
     * 说明一下为什么设置商品的数量没有放在这里去处理，因为我不想组件太过于复杂
     * ----2022.7.19
     * **/
    methods: {
        // 点击某个商品
        tapCommitem(e){ 
            const cid = e.currentTarget.dataset.cid;
            this.commitemEvent(cid,3); // 点击了商品主体
        },
        // 添加数量
        addCommNumber(e){
            const cid = this.getCid(e);
            this.commitemEvent(cid,1); // 点击了 增加数量
        },
        // 减少数量
        reduceCommNumber(e){
            const cid = this.getCid(e);
            this.commitemEvent(cid,0); // 点击了 减少数量
        },
        // 获取点击view的data-cid
        getCid(e){
            return e.currentTarget.dataset.cid;
        },
        // 传值给父组件
        commitemEvent(cid,type){
            this.triggerEvent('commitemEvent',{cid:cid,type:type});
        },
    }
})
